<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
<meta charset="UTF-8">
<title>发布作品</title>
<meta name="viewport"
	content="width=device-width,initial-scale=1,user-scalable=no" />
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<link rel="stylesheet" type="text/css"
	href="../static/bootstrap3/css/bootstrap.css">
<link rel="stylesheet" type="text/css"
	href="../static/bootstrap3/font-awesome-4.7.0/css/font-awesome.css" />
	<style type="text/css">
		body {
			padding-top: 20px;
		}
		.navbar{
			background-color: #d5d5d5;
			border: none;
		}
		h3{
			color: #4e4848;
			position: absolute;
			left: 43%;
			top: -7px;
		}

		#back{
			color: #4e4848;
			position: relative;
			left: -10px;
		}
	</style>
</head>
<body>
<header>
	<div class="container">
		<nav class="navbar navbar-default">
			<div class="navbar-header">
				<div class="logo">
					<a href="sIndex"><img src=""/></a>
				</div>
			</div>
			<h3>修改轮播图</h3>
			<ul class="nav navbar-nav navbar-right">
				<li><a id="back" href="sIndex">返回首页</a></li>
			</ul>
		</nav>
	</div>
</header>

<section class="container">
	<div th:each="b:${banners}" class="text-center">
		<img th:src="${b.imgurl}" class="img-responsive">
		<a th:href="'deletebanner?id='+${b.id}" class="btn btn-danger btn-lg">删除</a>
		<hr>
	</div>
	<h2 class="text-center">选择轮播图</h2>
	<!--上传文件必须改的两项-->
	<form action="addBanners" method="post" enctype="multipart/form-data">
		<input type="file" name="file">
		<br>
		<input class="btn btn-success btn-lg" type="submit" value="添加">
	</form>
</section>
</body>
<script type="text/javascript" src="../static/bootstrap3/jquery.min.js"></script>
<script type="text/javascript" src="../static/bootstrap3/js/bootstrap.js"></script>
<script type="text/javascript" src="../static/bootstrap3/js/holder.js"></script>
<script type="text/javascript" src="../static/bootstrap3/js/html5shiv.min.js"></script>
<script type="text/javascript" src="../static/bootstrap3/js/css3-mediaqueries.js"></script>
<script type="text/javascript" src="../static/bootstrap3/js/respond.min.js"></script>
<script type="text/javascript" src="../static/js/vue.js"></script>
<script type="text/javascript">

</script>
</html>